<template>
	<u-popup :show="show" mode="bottom" :round="round" :bgColor="bgColor" @close="$emit('change',false)">
		<view class="pop_container pa-16">
			<view class="flex-center-sb">
				<text class="font-size-16 font-w-500 font-color-222">{{ title }}</text>
				<slot name="title"></slot>
				<w-icon name="close2" size="24" @click="$emit('change',false)"></w-icon>
			</view>
			<slot></slot>
		</view>
	</u-popup>
</template>

<script>
	export default {
		name: "w-popup-bottom",
		props: {
			title: {
				type: String,
				default: '标题'
			},
			round: {
				type: String | Number,
				default: 12
			},
			show: {
				type: Boolean,
				default: false
			},
			bgColor: {
				type: String,
				default: '#fff'
			}
		},
		model: {
			prop: 'show',
			event: 'change'
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	// /deep/ .u-popup__content{ background: linear-gradient(147deg, #F2F6FF 0%, #FFFFFF 37%); }
	.pop_container {
		width: 100%;
	}
</style>